@charset "utf-8";
/*********************
* 虚拟展厅
* Author: Feil.Wang
* Date: 2013.04 
*********************/

html,body{ height:100%; width:100%; }
.bg{ background-color:#3a3f45; display:table; min-height:630px; *overflow:hidden;  *position:relative; _height:expression((document.documentElement.clientHeight||document.clientHeight)<630?"630":"");}
.wrap{ display:table-cell; vertical-align:middle;   *position:absolute;  *top:50%; }
.container{ position:relative; width:1000px; height:610px; margin:0 auto; background-color:#fff; border:1px solid #a0a0a0; border-radius:5px; box-shadow:0 0 15px #000;  *position:relative;  *top:-50%;}
.main{ height:570px; background:url(../images/mainbg.jpg); border-top-left-radius:3px; border-top-right-radius:3px; position:relative;}
.b-logo{ width:120px; height:70px; display:block; left:447px; bottom:129px; position:absolute; }
.b-logo img{width:120px; height:70px; vertical-align:bottom;}

.shortcut-l,.shortcut-r{ height:50px;font-weight:bold;  position:absolute; }
.shortcut-l span,.shortcut-l a,.shortcut-r span,.shortcut-r a{ background:url(../images/shortcut-bg.png);}
.shortcut-l span{ float:left;  height:38px; padding:12px 18px 0; font-size:16px; background-position:left top;}
.shortcut-l a{float:left; height:36px; padding:14px 14px 0 7px; background-position:right top; color:#fff; font-size:14px; text-shadow:1px 1px 0 #333;}

.shortcut-r span{ float:right; height:38px; padding:12px 18px 0; font-size:16px; background-position:right -50px;}
.shortcut-r a{float:right; height:36px; padding:14px 7px 0 14px; background-position:left -50px; color:#fff; font-size:14px; text-shadow:1px 1px 0 #333;}
.shortcut-l a:hover,.shortcut-r a:hover{ color:#e2e2e2;}
.item-1{ right:80px; bottom:150px;}
.item-2{ right:80px; bottom:90px;}

.booth-player{ width:323px; height:242px; position:absolute; top:52px; right:37px; background-color:#2f445f;}

.chatWrap{ width:495px; padding:6px 8px 5px 7px; position:absolute; left:20px; top:46px; background:url(../images/chat-container-bg.png);}
.chatWrap h3{ height:28px; line-height:28px; padding:0 10px; font-size:14px; color:#fff; position:relative;}
.chatWrap h3 .enter{ color:#fff; position:absolute; right:5px; top:1px; font-weight:normal; font-size:12px;}
.chatWrap h3 .enter:hover{ text-decoration:underline;}
.chat-container{ padding:10px;}
.chatWinCnt{ height:155px; overflow:auto; margin-bottom:10px;}
.chatWinCnt dl{ line-height:24px;}
.chatWinCnt dt{ float:left; font-size:13px; font-weight:bold; position:relative;}
.chatWinCnt dd{ font-size:12px;}
.chatWinCnt dl.user-style { color:#3366cc;}
.chatWinCnt dl.myself-style { color:#006d24;}
.chatWinCnt dl.service-style { color:#f00000;}
.chatWinCnt dl.user-style { color:#3366cc;}
.chatWinCnt dd span.time{ font-size:10px; color:#8e8e8e;}
.chatInputArea{ position:relative; height:36px;}
.chat-textarea{ padding-right:105px;}
.c-textarea{ border:none; height:25px; font-size:12px;color: #5A5A5A; line-height:18px; background-color:#f5f5f5; resize:none; overflow:auto; padding:5px; width:400px; border:1px solid #ccc;border-radius:4px;}
.chooseUser{ width:94px; position:absolute; top:0; right:0; border:1px solid #ccc;border-radius:4px;}
.send-btn{ background:url(../images/send2.png); width:53px; height:36px; line-height:36px; border:none; cursor:pointer; position:absolute; right:0; bottom:0;  font-size:14px; color:#fff; font-weight:bold;
text-shadow:#47a9d2 1px 0 0,#47a9d2 0 1px 0,#47a9d2 -1px 0 0,#47a9d2 0 -1px 0;   
filter: Glow(Color=#000, Strength=1);  }
.u-name{ cursor:pointer;}
.u-name:hover{ text-decoration:underline;}
.u-tips{ display:none; position:absolute; left:0; top:24px; width:85px; height:30px; line-height:34px; background:url(../images/u-tips.png); text-indent:28px; font-weight:normal; font-size:12px; z-index:10;}

.link-block{ width:172px; height:185px; position:absolute; left:123px; top:337px; color:#fff
;}
.link-block h3{ height:30px; line-height:30px; padding-left:10px;}
.link-list{ height:155px; }
.link-list li{ height:30px; line-height:30px; padding-left:10px;}
.link-list li a{ color:#fff;}
.link-list li a:hover{ color:#33b5e5;}

.ol-service{ width:45px; height:70px; position:absolute; left:400px; bottom:104px; background:url(../images/ol-service.png);}
.s-online{ background-position:-45px 0;}

.exchange-vcard{display:blcok; width:66px; height:27px; background:url(../images/exchange-vcard.png); position:absolute; left:390px; bottom:70px;}
.exchange-vcard-en{ background-position:0 -27px;}
.exchangedd{ background-position:0 -54px;}
.exchangedd-en{ background-position:0 -81px;}